{% extends "_layouts/examples.html" %}
{% block title %}Equal height row / Four column row{% endblock %}

{% block standalone_css %}patterns_equal-height-row{% endblock %}

{% block content %}
<div class="p-equal-height-row">
  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-media-container">
        <img width="60" src="https://assets.ubuntu.com/v1/183c7231-windows_logo.svg" alt="">
      </div>
    </div>

    <p class="p-equal-height-row__item">
      Use the Ubuntu terminal and run Linux applications on Windows. Use the
      Ubuntu terminal and run Linux applications on Windows.
    </p>

    <div class="p-equal-height-row__item">
      <hr class="is-muted">

      <a href="#">
        <p>
          Learn about Ubuntu for WSL
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-media-container">
        <img width="48" src="https://assets.ubuntu.com/v1/31bd2627-logo-raspberry-pi.svg" alt="">
      </div>
    </div>

    <p class="p-equal-height-row__item">
      Use your Raspberry Pi as a desktop, server or IoT device with Ubuntu.
    </p>

    <div class="p-equal-height-row__item">
      <hr class="is-muted">

      <a href="#">
        <p>
          Learn about Ubuntu for Raspberry Pi
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-media-container">
        <img width="200" src="https://assets.ubuntu.com/v1/ede1a596-Multipass%20logo.svg" alt="">
      </div>
    </div>

    <p class="p-equal-height-row__item">
      Spin up Ubuntu VMs on Windows, Mac and Linux.
    </p>

    <div class="p-equal-height-row__item">
      <hr class="is-muted">

      <a href="#">
        <p>
          Learn about Multipass
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-media-container">
        <img width="120" src="https://assets.ubuntu.com/v1/ded0bdb7-LXD%20logo@2x.png" alt="">
      </div>
    </div>

    <p class="p-equal-height-row__item">
      Fast, dense, and secure container and VM management at any scale.
    </p>

    <div class="p-equal-height-row__item">
      <hr class="is-muted">

      <a href="#">
        <p>
          Learn about LXD
        </p>
      </a>
    </div>
  </div>
</div>
{% endblock %}
